<template>
	<view class="diy-video" :style="{padding:itemData.style.paddingTop + 'px 20rpx'}">
		<video :style="{height:(itemData.style.height*2) + 'rpx'}" :src="itemData.params.videoUrl"
			:poster="itemData.params.poster" :autoplay="itemData.params.autoplay == '1'" controls objectFit="contain">
		</video>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: ['itemData'],
		methods: {

		}
	}
</script>

<style>
	.diy-video{
		box-sizing: border-box;
	}
	.diy-video uni-video,
	.diy-video video {
		width: 100%;
		box-sizing: border-box;
		border-radius: 6rpx;
	}
</style>
